<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <link href="../styles/Login.css" rel="stylesheet" />
    <script src="../scripts/jquery-1.8.3.min.js"></script>
    <script src="../scripts/jquery.SuperSlide.js"></script>
    <script type="text/javascript">
        //页面加载
        $(function Load() {
            $(".login").ready(function () {
                //$(".load").css("display", "none");
                $(".load").hide(1000)
                //$(".login").removeAttr("style");
                $(".login").show(1000, "linear");
            })
            //var login = document.getElementById("login");
            //var st = login.readyState;
            //if (st == 4) {
            //    login.removeAttribute("style");
            //}
        })
        //登录框动态样式
        $(function LoginBox() {
            $("input.username").focus(function () {
                $("div.username").addClass("focus");
                if (this.value == this.defaultValue) { this.value = ''; }
            })
            $("input.username").blur(function () {
                $("div.username").removeClass("focus");
                if (this.value == '') { this.value = this.defaultValue; }
            })
            $("input.password").focus(function () {
                $("div.password").addClass("focus");
                if (this.value == this.defaultValue) { this.value = ''; this.type = 'password'; }
            })
            $("input.password").blur(function () {
                $("div.password").removeClass("focus");
                if (this.value == '') { this.value = this.defaultValue; this.type = 'text' }
            })
        })
    </script>
</head>
<body>
    <div class="load"></div>
    <div id="login" class="login" style="display:none;">
        <div class="login-bg">
            <ul class="bgslide">
                <li><img src="../../images/pics/login_bg1.jpg" width="100%" /></li>
                <li><img src="../../images/Pics/login_bg2.jpg" width="100%" /></li>
                <li><img src="../../images/pics/login_bg1.jpg" width="100%" /></li>
                <li><img src="../../images/Pics/login_bg2.jpg" width="100%" /></li>
            </ul>
        </div>
        <div class="login-box">
            <div class="logo">iceStone-斯通的博客</div>
            <div class="login-main">
                <ul>
                    <li class="f1">
                        <div class="inpt icon username">
                            <input type="text" tabindex="1" autocomplete="off" class="txt username" value="用户名" />
                        </div>
                    </li>
                    <li class="f1">
                        <div class="inpt icon password">
                            <input type="text" tabindex="2" autocomplete="off" class="txt password" value="密码" />
                        </div>
                    </li>
                    <li class="f0">
                        <input type="button" tabindex="3" class="btn icon" />
                    </li>
                    <li class="f2">
                    </li>
                    <li class="f2">
                    </li>
                </ul>
            </div>
        </div>
        <div class="login-system">
            <ul>
                <li>
                    <span class="footerinfo">版权所属 斯通麦博 技术支持:iceStone ©1992-2013 WEDN.NET</span>
                </li>
                <li>
                    <span class="config">美图SHOW：</span>
                    <a class="prev icon" title="上一张">上一张</a>
                    <a class="next icon" title="下一张">下一张</a>
                    <a class="off icon" title="关闭美图秀">关闭</a>
                </li>
            </ul>
        </div>
        <script type="text/javascript">
            $(".login").slide({ mainCell: ".bgslide", autoPlay: "true", interTime: "20000", delayTime: "2000" });
            $(".prev").click(function () {
                $('div.login-bg').show();
            })
            $(".next").click(function () {
                $('div.login-bg').show();
            })
            $(".off").click(function () {
                $('div.login-bg').hide(500);
            })
        </script>
        <div class="login-bottom">
            <h2>斯通麦博——毫无商业气息的后花园</h2>
        </div>
    </div>
</body>
</html>

